<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>三稿</title>
    <link rel="stylesheet" href="index.css" />
  </head>
  <body>
    <!-- 开始 -->
    <div class="content">
      <!-- 导航栏 -->
      <div class="nav">
        <h1>企业集团logo</h1>
        <div class="navRight">
          <ul>
            <li><a href="javascript:;">企业邮箱</a></li>
            <li><a href="javascript:;">-</a></li>
            <li><a href="javascript:;">办公OA</a></li>
            <li><a href="javascript:;">-</a></li>
            <li><a href="javascript:;">所属企业</a></li>
          </ul>
          <input type="text" placeholder="请输入关键字" />
        </div>
      </div>
      <!-- 轮播图 -->
      <div class="lunBo">
        <div class="lunBoImg">
          <img src="imgs/1.png" alt="" />
          <img src="imgs/2.png" alt="" />
          <img src="imgs/3.png" alt="" />
          <img src="imgs/4.png" alt="" />
          <img src="imgs/5.png" alt="" />
        </div>
      </div>
      <!-- 板块一 -->
      <div class="blockOne">
        <div class="blockOneLeft">
          <p>我是标题我是标题</p>
        </div>
        <div class="blockOneRight">
          <div class="blockOneRightTitle">
            <ul>
              <li><a href="javascript:;" id="blockColor">我是标题</a></li>
              <li><a href="javascript:;">我是标题</a></li>
              <li><a href="javascript:;">我是标题</a></li>
            </ul>
            <span>更多>></span>
          </div>
          <div class="blockOneRightCenter">
            <h3>媒体报道 | 践行高质量发展，集团为行业“双碳”目标贡献独特智慧</h3>
            <p>
              我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题...
            </p>
          </div>
          <div class="blockOneRightBottom">
            <div class="blockOneRightBottomText">
              <p>
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
              <span>2024-09-03</span>
            </div>
            <div class="blockOneRightBottomText">
              <p>
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
              <span>2024-09-03</span>
            </div>
            <div class="blockOneRightBottomText">
              <p>
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
              <span>2024-09-03</span>
            </div>
            <div class="blockOneRightBottomText">
              <p>
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
              <span>2024-09-03</span>
            </div>
            <div class="blockOneRightBottomText">
              <p>
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
              <span>2024-09-03</span>
            </div>
            <div class="blockOneRightBottomText">
              <p>
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
              <span>2024-09-03</span>
            </div>
          </div>
        </div>
      </div>
      <!-- 板块二（大标题） -->
      <div class="title">
        <h2>宣传横幅</h2>
      </div>
      <!-- 板块三 -->
      <div class="main">
        <div class="mainLeft">
          <div class="mainLeftTitle">
            <h3>信息公开</h3>
            <div class="mainFourLeftTitleXian"></div>
            <ul>
              <li><a href="javascript:;">我是标题</a></li>
              <li><a href="javascript:;">我是标题</a></li>
              <li><a href="javascript:;">我是标题</a></li>
            </ul>
          </div>
          <div class="mainLeftCenter">
            <div class="mainLeftCenterImg"></div>
            <p>
              我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
            </p>
          </div>
          <div class="mainLeftBottom">
            <div class="blockOneRightBottomText">
              <p>
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
              <span>2024-09-03</span>
            </div>
            <div class="blockOneRightBottomText">
              <p>
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
              <span>2024-09-03</span>
            </div>
            <div class="blockOneRightBottomText">
              <p>
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
              <span>2024-09-03</span>
            </div>
            <div class="blockOneRightBottomText">
              <p>
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
              <span>2024-09-03</span>
            </div>
            <div class="blockOneRightBottomText">
              <p>
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
              <span>2024-09-03</span>
            </div>
            <div class="blockOneRightBottomText">
              <p>
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
              <span>2024-09-03</span>
            </div>
          </div>
        </div>
        <div class="mainRight">
          <div class="blockOneRightTitle">
            <ul>
              <li><a href="javascript:;" id="blockColor">我是标题</a></li>
              <li><a href="javascript:;">我是标题</a></li>
            </ul>
            <span>更多>></span>
          </div>
          <div class="mainRightBottom">
            <div class="mainRightBottomLeft">
              <div class="mainRightBottomLeftImg1">
                <p>我是标题</p>
              </div>
              <div class="mainRightBottomLeftImg2">
                <p>我是标题</p>
              </div>
            </div>
            <div class="mainRightBottomRight">
              <div class="mainRightBottomRightText">
                <p>
                  我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
                </p>
                <span>2024-04-12</span>
              </div>
              <div class="mainRightBottomRightText">
                <p>
                  我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
                </p>
                <span>2024-04-12</span>
              </div>
              <div class="mainRightBottomRightText">
                <p>
                  我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
                </p>
                <span>2024-04-12</span>
              </div>
              <div class="mainRightBottomRightText">
                <p>
                  我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
                </p>
                <span>2024-04-12</span>
              </div>
              <div class="mainRightBottomRightText">
                <p>
                  我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
                </p>
                <span>2024-04-12</span>
              </div>
              <div class="mainRightBottomRightText">
                <p>
                  我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
                </p>
                <span>2024-04-12</span>
              </div>
              <div class="mainRightBottomRightText">
                <p>
                  我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
                </p>
                <span>2024-04-12</span>
              </div>
              <div class="mainRightBottomRightText">
                <p>
                  我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
                </p>
                <span>2024-04-12</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 板块四 -->
      <div class="mainFour">
        <div class="mainFourLeft">
          <div class="mainFourLeftTitle">
            <h3>建党园地</h3>
            <div class="mainFourLeftTitleXian"></div>
            <p>更多>></p>
          </div>
          <div class="mainFourLeftList">
            <div class="mainFourLeftListText">
              <p>
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
              <span>2024-07-26</span>
            </div>
            <div class="mainFourLeftListText">
              <p>
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
              <span>2024-07-26</span>
            </div>
            <div class="mainFourLeftListText">
              <p>
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
              <span>2024-07-26</span>
            </div>
            <div class="mainFourLeftListText">
              <p>
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
              <span>2024-07-26</span>
            </div>
            <div class="mainFourLeftListText">
              <p>
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
              <span>2024-07-26</span>
            </div>
            <div class="mainFourLeftListText">
              <p>
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
              <span>2024-07-26</span>
            </div>
            <div class="mainFourLeftListText">
              <p>
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
              <span>2024-07-26</span>
            </div>
            <div class="mainFourLeftListText">
              <p>
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
              <span>2024-07-26</span>
            </div>
          </div>
        </div>
        <div class="mainFourCenter">
          <div class="mainFourLeftTitle">
            <h3>社会责任</h3>
            <div class="mainFourLeftTitleXian"></div>
            <p>更多>></p>
          </div>
          <div class="mainFourLeftList">
            <div class="mainFourLeftListText">
              <p id="FourP">
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
            </div>
            <div class="mainFourLeftListText">
              <p id="FourP">
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
            </div>
            <div class="mainFourLeftListText">
              <p id="FourP">
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
            </div>
            <div class="mainFourLeftListText">
              <p id="FourP">
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
            </div>
            <div class="mainFourLeftListText">
              <p id="FourP">
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
            </div>
            <div class="mainFourLeftListText">
              <p id="FourP">
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
            </div>
            <div class="mainFourLeftListText">
              <p id="FourP">
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
            </div>
            <div class="mainFourLeftListText">
              <p id="FourP">
                我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题我是标题
              </p>
            </div>
          </div>
        </div>
        <div class="mainFourRight">
          <div class="mainFourLeftTitle">
            <h3>宣传视频</h3>
            <div class="mainFourLeftTitleXian"></div>
            <p>更多>></p>
          </div>
          <div class="mainFourRightCenter">
            <p>宣传视频播出</p>
          </div>
          <div class="mainFourRightBottom">
            <div class="BottomImg1"></div>
            <div class="BottomImg2"></div>
            <div class="BottomImg3"></div>
          </div>
        </div>
      </div>
      <!-- 底部/结束 -->
      <div class="footerBack">
        <div class="footer">
          <h1>完结</h1>
        </div>
      </div>
    </div>
  </body>
</html>
